<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>产品介绍 - 伊可广告</title>
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
</head>
<body>
    <!-- 导航栏 -->
    <nav class="navbar">
        <div class="container">
            <div class="logo">
                <h1>伊可广告</h1>
            </div>
            <ul class="nav-links">
                <li><a href="index.html">首页</a></li>
                <li><a href="about.html">企业介绍</a></li>
                <li><a href="products.html" class="active">产品介绍</a></li>
                <li><a href="contact.html">联系我们</a></li>
                <li><a href="message.html">留言板</a></li>
            </ul>
            <div class="burger">
                <div class="line1"></div>
                <div class="line2"></div>
                <div class="line3"></div>
            </div>
        </div>
    </nav>

    <section class="page-header">
        <div class="container">
            <h1 class="section-title">产品介绍</h1>
            <p>伊可广告为您提供一站式广告设计与制作服务，满足各类商用及个性化需求。</p>
        </div>
    </section>

    <!-- 招牌制作 -->
    <section class="product-category">
        <div class="container">
            <h2>招牌制作</h2>
            <div class="product-list">
                <div class="product-item">
                    <img src="images/led-sign.jpg" alt="LED发光字">
                    <h3>LED发光字</h3>
                    <p>高亮节能，支持多种颜色和尺寸定制，适用于各类门头招牌。</p>
                    <ul>
                        <li>特点：节能耐用、防水防晒、色彩鲜艳</li>
                        <li>适用场景：门头、商场、品牌连锁店</li>
                    </ul>
                </div>
                <div class="product-item">
                    <img src="images/lightbox.jpg" alt="灯箱广告">
                    <h3>灯箱广告</h3>
                    <p>画面清晰，亮度高，适合夜间展示。</p>
                    <ul>
                        <li>特点：超薄设计、节能LED、画面可更换</li>
                        <li>适用场景：门头、地铁、商场、医院</li>
                    </ul>
                </div>
                <div class="product-item">
                    <img src="images/neon-sign.jpg" alt="霓虹灯招牌">
                    <h3>霓虹灯招牌</h3>
                    <p>色彩丰富，造型多样，夜间效果极佳。</p>
                    <ul>
                        <li>特点：造型定制、色彩多样、视觉冲击力强</li>
                        <li>适用场景：酒吧、餐饮、娱乐、品牌门店</li>
                    </ul>
                </div>
            </div>
        </div>
    </section>

    <!-- 广告设计 -->
    <section class="product-category">
        <div class="container">
            <h2>广告设计</h2>
            <div class="product-list">
                <div class="product-item">
                    <img src="images/poster.jpg" alt="宣传海报">
                    <h3>宣传海报</h3>
                    <p>专业设计团队，满足各类宣传需求，支持多种纸张和尺寸。</p>
                    <ul>
                        <li>特点：创意设计、色彩鲜明、印刷精美</li>
                        <li>适用场景：活动宣传、门店促销、展会布置</li>
                    </ul>
                </div>
                <div class="product-item">
                    <img src="images/brochure.jpg" alt="企业画册">
                    <h3>企业画册</h3>
                    <p>高端定制，提升企业形象，展示企业实力。</p>
                    <ul>
                        <li>特点：排版美观、纸张多选、装订精致</li>
                        <li>适用场景：企业宣传、招商推介、产品展示</li>
                    </ul>
                </div>
                <div class="product-item">
                    <img src="images/business-card.jpg" alt="名片设计">
                    <h3>名片设计</h3>
                    <p>多种工艺可选，助力商务交流。</p>
                    <ul>
                        <li>特点：多种纸张、烫金/UV/压纹等工艺</li>
                        <li>适用场景：商务洽谈、展会交流</li>
                    </ul>
                </div>
            </div>
        </div>
    </section>

    <!-- 打印复印 -->
    <section class="product-category">
        <div class="container">
            <h2>打印复印</h2>
            <div class="product-list">
                <div class="product-item">
                    <img src="images/print-bw.jpg" alt="黑白打印复印">
                    <h3>黑白打印/复印</h3>
                    <p>高速高效，适合各类文档资料。</p>
                    <ul>
                        <li>特点：清晰度高、速度快、价格实惠</li>
                        <li>适用场景：办公、学校、资料备份</li>
                    </ul>
                </div>
                <div class="product-item">
                    <img src="images/print-color.jpg" alt="彩色打印">
                    <h3>彩色打印</h3>
                    <p>色彩还原度高，适合图片、宣传资料。</p>
                    <ul>
                        <li>特点：色彩鲜艳、纸张多选、支持大幅面</li>
                        <li>适用场景：宣传单、海报、照片打印</li>
                    </ul>
                </div>
                <div class="product-item">
                    <img src="images/binding.jpg" alt="装订服务">
                    <h3>装订服务</h3>
                    <p>多种装订方式，满足不同需求。</p>
                    <ul>
                        <li>特点：普通/精装/热熔/打孔装订</li>
                        <li>适用场景：标书、手册、论文、资料</li>
                    </ul>
                </div>
            </div>
        </div>
    </section>

    <!-- 图文快印 -->
    <section class="product-category">
        <div class="container">
            <h2>图文快印</h2>
            <div class="product-list">
                <div class="product-item">
                    <img src="images/photo-print.jpg" alt="照片冲印">
                    <h3>照片冲印</h3>
                    <p>高清冲印，色彩鲜艳，支持多种尺寸。</p>
                    <ul>
                        <li>特点：高分辨率、色彩还原、快速出片</li>
                        <li>适用场景：证件照、生活照、艺术照</li>
                    </ul>
                </div>
                <div class="product-item">
                    <img src="images/menu.jpg" alt="菜单制作">
                    <h3>菜单制作</h3>
                    <p>多种材质可选，防水耐用，适合餐饮行业。</p>
                    <ul>
                        <li>特点：覆膜、防水、可定制尺寸</li>
                        <li>适用场景：餐厅、咖啡厅、奶茶店</li>
                    </ul>
                </div>
                <div class="product-item">
                    <img src="images/manual.jpg" alt="手册快印">
                    <h3>手册快印</h3>
                    <p>快速印制，适合会议、培训、活动资料。</p>
                    <ul>
                        <li>特点：印刷精美、交付迅速、装订多选</li>
                        <li>适用场景：会议、培训、企业内部资料</li>
                    </ul>
                </div>
            </div>
        </div>
    </section>

    <!-- 经典案例展示 -->
    <section class="cases">
        <div class="container">
            <h2 class="section-title">经典案例</h2>
            <div class="case-grid">
                <div class="case-item">
                    <img src="images/case1.jpg" alt="案例1">
                    <div class="case-info">
                        <h3>某品牌连锁门头</h3>
                        <p>LED发光字+灯箱组合，提升品牌形象</p>
                    </div>
                </div>
                <div class="case-item">
                    <img src="images/case2.jpg" alt="案例2">
                    <div class="case-info">
                        <h3>某企业宣传画册</h3>
                        <p>高端定制，展示企业实力</p>
                    </div>
                </div>
                <div class="case-item">
                    <img src="images/case3.jpg" alt="案例3">
                    <div class="case-info">
                        <h3>某餐饮店菜单</h3>
                        <p>防水覆膜，耐用美观</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- 页脚 -->
    <footer class="footer">
        <div class="container">
            <div class="footer-content">
                <div class="footer-section">
                    <h3>联系我们</h3>
                    <p><i class="fas fa-phone"></i> 电话：400-123-4567</p>
                    <p><i class="fas fa-envelope"></i> 邮箱：info@example.com</p>
                    <p><i class="fas fa-map-marker-alt"></i> 地址：某某市某某区某某街道123号</p>
                </div>
                <div class="footer-section">
                    <h3>关注我们</h3>
                    <div class="social-links">
                        <a href="#"><i class="fab fa-weixin"></i></a>
                        <a href="#"><i class="fab fa-weibo"></i></a>
                        <a href="#"><i class="fab fa-qq"></i></a>
                    </div>
                </div>
            </div>
            <div class="footer-bottom">
                <p>&copy; 2024 伊可广告. 保留所有权利.</p>
            </div>
        </div>
    </footer>

    <script src="js/main.js"></script>
</body>
</html> 